<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>我要地图</title>
    <!--    <link rel="stylesheet" href="jquery.mobile-1.1.1/jquery.mobile-1.1.1.css"/>
        <script src="jquery.mobile-1.1.1/jquery.js"></script>
        <script src="jquery.mobile-1.1.1/jquery.mobile-1.1.1.js"></script>-->

    <link rel="stylesheet" href="jquery_mobile/jquery.mobile.min.css">
    <script src="jquery_mobile/jquery-2.1.4.min.js"></script>
    <script src="jquery_mobile/jquery.mobile.min.js"></script>
    <script src="http://api.map.baidu.com/api?v=1.4"></script>

    <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
    <!--<script type="text/javascript" src="head.js"></script>-->
    <!--<script src="js/base.js"></script>-->
    <!--<script src="js/home.js"></script>-->
    <!--<script src="js/busSearch.js"></script>-->
    <script src="js/busSearch01.js"></script>
    <style type="text/css">
        html {
            height: 100%
        }

        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }

        #busSearchPage {
            height: 95%
        }

        #busSearchContent {
            height: 95%
        }

        #busSearchMap{
            height: 95%
        }

        #busEmpty {
            height: 95%
        }

        #map {
            height: 95%
        }

        .lock-screen {
            height: 100%;
            overflow: hidden;
            width: 100%;
            position: fixed;
        }

    </style>
</head>
<body>
<div data-role="page" id="busSearchPage">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1>公交导航</h1>
        <a href="index.html" data-role="button" data-icon="star" class="ui-btn-left" data-theme="b" rel="external"
           data-ajax="false">返回</a>
    </div>
    <div data-role="content" id="busSearchContent">
        <div id="busSearchForm">
            <a href="#busSearchDialog"  data-role="button" data-rel="dialog" data-transition="pop"   id="ShowMsg" style="display:none">打开确认框</a>
            <input type="search" name="search" id="busSearchStart" data-mini="true" value="" placeholder="我的位置"/>
            <input type="search" name="search" id="busSearchEnd" data-mini="true" value="" placeholder="请输入终点"/>
            <select name="flip-min" id="isTrans" data-role="slider">
                <option value="on">坐地铁</option>
                <option value="off">不坐地铁</option>
            </select>
            <a href="#" data-role="button" data-mini="true" id="busSearchSubmit">提交</a>
        </div>
        <div id="busSearchMap">
            <a href="#" data-role="button" data-mini="true" id="busSearchAgain">重新搜索</a>
            <div data-role="navbar">
                <ul>
                    <li><a href="#" id="lineNav">路线</a></li>
                    <li><a href="#" id="mapNav" class="ui-btn-active">地图</a></li>
                </ul>
            </div>
            <div id="map"></div>
            <div id="mapResult" style="font-size:13px"></div>
        </div>
        <div id="busEmpty"></div>
    </div>
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar" data-grid="c">
            <ul>
				<li><a href="index.html" rel="external" , data-ajax="false">首页</a></li>                
                <li><a href="busStationMap.html" rel="external" data-ajax="false">公交地图</a></li>
                <li><a href="busStationList.html" rel="external" data-ajax="false">站点列表</a></li>
            </ul>
        </div>
    </div>
</div>

<div data-role="page"  id="busSearchDialog">
    <div data-role="header">
        <h1>公交导航选择</h1>
    </div>
    <div data-role="content" id="searchInfo">
        <ul data-role="listview" data-theme="g" id="dialogList">
        </ul>
    </div>
</div>
</body>
</html>